/* Copyright (c) 2019 the Octant contributors. All Rights Reserved.
 * SPDX-License-Identifier: Apache-2.0
 */

$border: 1px solid rgba(173, 187, 196, 0.3);

.quadrant {
  border: $border;
  border-radius: 3px;
  height: 100%;

  .quadrant-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 14px 20px;

    .quadrant-ne,
    .quadrant-nw,
    .quadrant-se,
    .quadrant-sw {
      padding: 15% 20%;
    }

    .quadrant-ne {
      border-bottom: $border;
      border-right: $border;
    }

    .quadrant-nw {
      border-bottom: $border;
      border-left: $border;
    }

    .quadrant-se {
      border-right: $border;
      border-top: $border;
    }

    .quadrant-sw {
      border-left: $border;
      border-top: $border;
    }

    .quadrant-value {
      font-weight: bold;
      margin-bottom: 6px;
    }

    .quadrant-label {
      font-size: 13px;
    }
  }
}
